.treeBox {
    border: 1px solid rgba(233, 233, 233, 1);
    display: flex;
    width: 100%;
    border-radius: 2px;
    // height: calc(100vh - 288px);
    height: 660px;
    overflow: auto;

    :global {
        .ant-tree {
            // width: 100%;
            padding: 5px 0;

            & li:first-child {
                padding-top: 0;
            }

            & li {
                padding: 0;

                ul {
                    padding: 0;
                }
                .ant-tree-node-content-wrapper {
                    padding-left: 35px;
                }

                & li {
                    .ant-tree-node-content-wrapper {
                        padding-left: 60px;
                    }

                    .ant-tree-switcher {
                        left: 35px;
                    }

                    & li {
                        .ant-tree-node-content-wrapper {
                            padding-left: 85px;
                        }

                        .ant-tree-switcher {
                            left: 60px;
                        }

                        & li {
                            .ant-tree-node-content-wrapper {
                                padding-left: 110px;
                            }

                            .ant-tree-switcher {
                                left: 85px;
                            }
                        }
                    }
                }
            }
        }
    }

    .treeList {
        position: relative;
        :global {
            .ant-tree-node-content-wrapper {
                height: 40px;
                line-height: 40px;
                width: 100% !important;
                padding-left: 35px;
            }

            .ant-tree-node-selected {
                width: 100% !important;
                background-color: #fafafa !important;
                color: @primary-color;

                i {
                    color: #999;
                }
            }

            .ant-tree-switcher {
                position: absolute;
                left: 10px;
                top: 6px;
            }

            .ant-tree-iconEle {
                vertical-align: baseline;
            }

            .ant-tree-treenode-selected > .ant-tree-switcher {
                i {
                    color: @primary-color;
                }
            }
        }
    }

    // 树节点icon样式
    .iconSpan {
        padding-left: 25px;
        display: inline-block;
        height: 24px;
        vertical-align: sub;

        i {
            height: 24px;
            padding: 0 4px;
            line-height: 24px;

            &:hover {
                color: @primary-color !important;
            }
        }
    }

    // 部门节点前没有icon
    .clearIcon {
        :global {
            .ant-tree-iconEle {
                display: none !important;
            }
        }
    }
}
